<link rel="stylesheet" type="text/css" href="/assets/js/slider/themes/carbono/jquery.slider.css" />
<script type="text/javascript" src="/assets/js/jquery.tools.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
<!--<script type="text/javascript" src="/assets/owl-carousel/assets/js/jquery-1.9.1.min.js"></script>-->
<script type="text/javascript" src="/assets/js/jquery.slider.min.js"></script>

<link href="/assets/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="/assets/owl-carousel/owl.theme.css" rel="stylesheet">
<script type="text/javascript" src="/assets/owl-carousel/owl.carousel.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".slider").slideshow({
            width      : 940,
            height     : 450,
            transition : 'squareRandom'
          });
          
          var owl = $("#owl-demo");

        owl.owlCarousel({
            items : 10, //10 items above 1000px browser width
            itemsDesktop : [1000,5], //5 items between 1000px and 901px
            itemsDesktopSmall : [900,3], // betweem 900px and 601px
            itemsTablet: [600,2], //2 items between 600 and 0
            itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
        });
    });
  
 
  
</script>

<tr>
    <td>    <div class="contenedorslider">
      <div class="slider">
          <div><img src="/assets/imagenes/slide/slide_1.jpg"></div>
          <div><img src="/assets/imagenes/slide/slide_2.jpg"></div>
          <div><img src="/assets/imagenes/slide/slide_3.jpg"></div>
    </div>
  </div>
</td>
  </tr>
  <tr>
    <td>
        
        <div id="owl-demo" class="owl-carousel owl-theme contenedorslider">
            <div class="item"><h1>1</h1></div>
            <div class="item"><h1>2</h1></div>
            <div class="item"><h1>3</h1></div>
            <div class="item"><h1>4</h1></div>
            <div class="item"><h1>5</h1></div>
            <div class="item"><h1>6</h1></div>
            <div class="item"><h1>7</h1></div>
            <div class="item"><h1>8</h1></div>
            <div class="item"><h1>9</h1></div>
            <div class="item"><h1>10</h1></div>
            <div class="item"><h1>11</h1></div>
            <div class="item"><h1>12</h1></div>
            <div class="item"><h1>13</h1></div>
            <div class="item"><h1>14</h1></div>
            <div class="item"><h1>15</h1></div>
            <div class="item"><h1>16</h1></div>
        </div>
        
        
        
    </td>
  </tr>
  <tr>
    <td>  
        <div style="text-align: center">
            <?php 
            $i = 0;
            foreach($random as $rand) { 
                if($i < 10) {?>
            <img src="<?=$rand['adjunto']?>" height="100px" width="100px">
                <?php } 
                $i++;
                } ?>
        </div>
    </td>
  </tr> 
